<template>
  <div id="footer">
    <div class="container">
      <el-row>
        <el-col :span="12">
          <div class="grid-content bg-purple">
            <div class="tu">
              <img src="../assets/logo-white.png" alt id="logo1" />
              <img src="../assets/malo.png" alt id="logo" />
            </div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="grid-content bg-purple-light">
            <table>
              <tr>
                <td>关于食界</td>
                <td>产品服务</td>
                <td>联系我们</td>
              </tr>
              <tr>
                <td>了解食界</td>
                <td>美食健康</td>
                <td>投稿</td>
              </tr>
              <tr>
                <td>团队介绍</td>
                <td>Web & App</td>
                <td>商务合作</td>
              </tr>
              <tr>
                <td>美食专家</td>
                <td>品质优选</td>
              </tr>
              <tr>
                <td>食界星厨</td>
              </tr>
              <tr>
                <td>加入我们</td>
              </tr>
            </table>
          </div>
        </el-col>
      </el-row>
      <p>
        @2016-2020 欢迎访问我们食界
        <a href>唯有爱与美食不可辜负</a>
      </p>
    </div>
  </div>
</template>
<style lang="css" scoped>
#footer {
  clear: both;
  /* background-color: #6b9d19; */
  /* background-image: url('../assets/21.jpg'); */
  background-image: url('../assets/slider1.jpg');
  background-position:center center;
}
/* .container {
  background-color: #6b9d19;
} */
table {
  margin-top: 80px;
  float: right;
}
td {
  width: 130px;
  line-height: 40px;
  color: white;
}
a {
  text-decoration: none;
  color: white;
}
p {
  clear: both;
  padding-top: 80px;
  text-align: center;
  color: white;
  margin-bottom: 0;
  padding-bottom: 40px;
}
.tu {
  margin-top: 150px;
  margin-left: 20px;
}
#logo {
  height: 130px;
}
#logo1 {
  height: 130px;
  margin-right: 40px;
}
</style>
<script>
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min.js";
export default {};
</script>